<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="security"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<link href="/static/css/style.css" rel="stylesheet" type="text/css" />
		<link href="/static/css/select.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="/static/js/jquery.js"></script>
		<script type="text/javascript" src="/static/js/custrom.js"></script>
		<script type="text/javascript" src="/static/js/jquery.idTabs.min.js"></script>
		<script type="text/javascript" src="/static/js/select-ui.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				//下拉菜单
				$(".select1").uedSelect({
					width: 345
				});
				$(".select2").uedSelect({
					width: 167
				});
				$(".select3").uedSelect({
					width: 100
				});
				// 	    $ ( 'table tr:not(:first)' ).remove ( );
				var len = $("table tr").length;
				for(var i = 1; i < len; i++) {
					$("table tr:eq(' + i + ') td:first").text(i);
				}
			});
		</script>
	</head>

	<body>
		<div class="place">
			<span>位置：</span>
			<ul class="placeul">
				<li>
					<a href="#">首页</a>
				</li>
				<li>
					<a href="#">用户列表</a>
				</li>
				<!--<li><a href="#">基本内容</a></li>-->
			</ul>
		</div>

		<div class="rightinfo">
			<div class="tools">
				<ul class="toolbar">
					<li onclick="javascript:location.href='/newUser';"><span> <img
												src="/static/images/t01.png" /></span>添加新用户</li>
					<li><span> <img src="/static/images/t02.png" /></span>修 改</li>
					<li><span><img src="/static/images/t03.png" /></span>删 除</li>
					<li><span><img src="/static/images/t04.png" /></span>统 计</li>
					<li><span><img src="/static/images/icon08.png" /></span>查 询</li>
				</ul>
				<ul class="toolbar1">
					<li><span><img src="/static/images/t05.png" /></span>设 置</li>
				</ul>
			</div>

			<div class="tools">
				<ul class="seachform">
					<li><label>派 出 所</label>
						<div class="vocation">
							<select class="select3">
								<option>全 部</option>
								<option>其 他</option>
							</select>
						</div>
					</li>

					<li><label>用户权限</label>
						<div class="vocation">
							<select class="select3">
								<option>全 部</option>
								<option>管理员</option>
								<option>审核领导</option>
								<option>普通用户</option>
							</select>
						</div>
					</li>

					<li><label>用户状态</label>
						<div class="vocation">
							<select class="select3">
								<option>全 部</option>
								<option>锁 定</option>
								<option>正 常</option>
							</select>
						</div>
					</li>

					<li><label>综合查询</label> <input name="" type="text" class="scinput" /></li>
					<!-- 								<li><input name="" type="button" class="scbtn" value="查询" /></li> -->
				</ul>
			</div>

			<%-- ${pageContext.request.contextPath } --%>
			<form id="DELETE" action="" method="post">
				<input type="hidden" name="_method" value="DELETE" />
			</form>
			<c:if test="${empty requestScope.users }">没有任何用户信息</c:if>
			<c:if test="${!empty requestScope.users }">
				<table class="tablelist">
					<thead>
						<tr class="custrom-color">
							<th>序 号</th>
							<th>用户 ID<i class="sort"><img src="/static/images/px.gif" /></i></th>
							<th>用 户 名</th>
							<th>密 码</th>
							<th>状 态</th>
							<th>权 限</th>
							<th>编 辑</th>
							<th>删 除</th>
							<th><input name="" type="checkbox" value="" checked="checked" /></th>
						</tr>
					</thead>

					<c:forEach items="${requestScope.users }" var="user">
						<tbody>
							<tr>
								<td></td>
								<td>${user.id }</td>
								<td>${user.username }</td>
								<td>${user.password }</td>
								<td>${user.status == 0 ? 'locked' : 'normal' }</td>
								<td>${user.descn }</td>
								<td>
									<a href="#" class="tablelink" onclick="javascript:location.href='/users/${user.id}';">编 辑</a>
								</td>
								<td>
									<a href="#" class="tablelink click" onclick="setval ('${user.id}');">删 除</a>
								</td>
								<td><input name="" type="checkbox" value="" /></td>
							</tr>
						</tbody>
					</c:forEach>
				</table>

				<div class="pagin">
					<div class="message">
						共<i class="blue">n</i>条记录，当前显示第&nbsp;<i class="blue">1&nbsp;</i>页
					</div>
					<ul class="paginList">
						<li class="paginItem">
							<a href="javascript:;"><span class="pagepre"></span></a>
						</li>
						<li class="paginItem current">
							<a href="javascript:;">1</a>
						</li>
						<li class="paginItem">
							<a href="javascript:;">2</a>
						</li>
						<li class="paginItem">
							<a href="javascript:;">3</a>
						</li>
						<li class="paginItem">
							<a href="javascript:;">4</a>
						</li>
						<li class="paginItem">
							<a href="javascript:;">5</a>
						</li>
						<li class="paginItem more">
							<a href="javascript:;">...</a>
						</li>
						<li class="paginItem">
							<a href="javascript:;">10</a>
						</li>
						<li class="paginItem">
							<a href="javascript:;"><span class="pagenxt"></span></a>
						</li>
					</ul>
				</div>
			</c:if>
		</div>

		<div class="tip">
			<div class="tiptop">
				<span>提示信息</span>
				<a></a>
			</div>

			<div class="tipinfo">
				<span><img src="/static/images/lc05.png" /></span>
				<div class="tipright">
					<p>确认对用户信息的删除操作 ？</p>
					<cite style="color: red">此操作将删除用户所有信息，不可恢复，请谨慎！</cite>
				</div>
			</div>

			<div class="tipbtn">
				<input name="" type="button" class="sure" value="确定" onclick="delete1 ( );" /> &nbsp;
				<input name="" type="button" class="cancel" value="取消" />
			</div>
		</div>

		<script type="text/javascript">
			$('.tablelist tbody tr:odd').addClass('odd');
		</script>
	</body>

</html>